page {
	background-color: #f7f7f7;
}
.header {
	position: relative;
	overflow: hidden;
	width: 750rpx;
	height: 343rpx;
	background-color: #ffffff;

	> .swiper {
		width: 750rpx;
		height: 343rpx;
		overflow: hidden;
		position: relative;
		.swiper-item {
			width: 750rpx;
			height: 343rpx;
		}
	}

	.dots {
		position: absolute;
		top: 310rpx;
		width: 750rpx;
		transform: translate(-50% 0);
		z-index: 4;
		display: flex;
		justify-content: center;

		.dot {
			width: 17rpx;
			height: 17rpx;
			transition: all 0.6s;
			background-color: #d7d7d7;
			opacity: 0.67;
			margin-right: 14rpx;
			border-radius: 50%;
		}

		.active {
			width: 17rpx;
			height: 17rpx;
			background-color: #4b76f9;
			border-radius: 50%;
		}
	}
}
.tabs {
	background-color: #fff;
	width: 750rpx;
	height: 106rpx;
	display: flex;
	> view {
		width: 33.3%;
		height: 106rpx;
		font-size: 32rpx;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.inv-h {
		// width: 100rpx;
		padding-bottom: 14rpx;
		border-bottom: 4rpx solid rgba(255, 255, 255, 0);
	}

	.inv-h-se {
		border-bottom: 4rpx solid #4b76f9;
		color: #4b76f9;
	}
}

.list {
	background-color: #fff;
	&_content {
		width: 702rpx;
		margin: 0 auto;
		padding-top: 16rpx;
		padding-bottom: 19rpx;
		border-bottom: 2rpx solid #c8c8c8;
		display: flex;
		> image {
			width: 158rpx;
			height: 158rpx;
			border-radius: 10rpx;
			margin-right: 24rpx;
		}
		.right {
			&_title {
				width: 508rpx;
				font-size: 30rpx;
				color: #333333;
				margin-bottom: 34rpx;
			}
			&_info {
				width: 420rpx;
				font-size: 28rpx;
				color: #999999;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
}
